<template>
    <el-menu active-text-color="#ffd04b" background-color="#002140" class="el-menu-vertical-demo" default-active="2"
        text-color="#fff" router>
        <div style="display: flex; justify-content: center;align-items: center; width: 240px;height: 70px;">
            <el-image style="width: 40px; height: 35px;"
                src="https://img.axureshop.com/c9/57/1d/c9571de2aa7c47d2865ef6311a990b6a/images/index/u20.png"></el-image>
            <span style="font-size: 18px;color: #ccc; margin-left: 10px; margin-right: 50px;">智慧水务</span>
        </div>
        <el-sub-menu index="1">
            <template #title>
                <el-icon>
                    <location />
                </el-icon>
                <span>首页</span>
            </template>
            <el-menu-item index="/hometotal">总览</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="2">
            <template #title>
                <el-icon>
                    <location />
                </el-icon>
                <span>GIS系统</span>
            </template>
            <el-menu-item index="/gis/fountain">水源</el-menu-item>
            <el-menu-item index="/gis/waterPlant">水厂</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="3">
            <template #title>
                <el-icon>
                    <location />
                </el-icon>
                <span>泵房管理</span>
            </template>
            <el-menu-item index="/prmg/ecgs">二次供水</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="4">
            <template #title>
                <el-icon>
                    <location />
                </el-icon>
                <span>水厂调度</span>
            </template>
            <el-menu-item index="/water">全部管理</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="5">
            <template #title>
                <el-icon>
                    <location />
                </el-icon>
                <span>业务管理</span>
            </template>
            <el-menu-item index="/yuwu/rewvenue">营收管理</el-menu-item>
            <el-menu-item index="/yuwu/dma">DMA管控</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="6">
            <template #title>
                <el-icon>
                    <location />
                </el-icon>
                <span>维护托管</span>
            </template>
            <el-menu-item index="/maintenance/dataScreening">数据总览</el-menu-item>
            <el-menu-item index="/maintenance/orderAssign">工单指派</el-menu-item>
            <el-menu-item index="/maintenance/staffManage">人员管理</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="7">
            <template #title>
                <el-icon>
                    <location />
                </el-icon>
                <span>备品备件</span>
            </template>
            <el-menu-item index="/spareParts/basic">基础资料</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="8">
            <template #title>
                <el-icon>
                    <location />
                </el-icon>
                <span>档案管理</span>
            </template>
            <el-menu-item index="/archiveindex">档案查看</el-menu-item>
            <el-menu-item index="/archiveindex/knowledge">知识库</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="9">
            <template #title>
                <el-icon>
                    <location />
                </el-icon>
                <span>指挥中心</span>
            </template>
            <el-menu-item index="#">指挥中心</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="10">
            <template #title>
                <el-icon>
                    <location />
                </el-icon>
                <span>系统设置</span>
            </template>
            <el-menu-item index="#">普通设置</el-menu-item>
        </el-sub-menu>
    </el-menu>
</template>